/* 
    project-prefix
*/ 
$project-prefix:test;
/* 
  ------float------
*/
@mixin pp-clearfix {
    display:inline-block;
    &:after {
        content: "";
        display: block;
        clear:both;
        width:0;
        height:0;
        visibility:hidden;
    }
    *html & {
        height:1px;
    }
}
/* 
  ------
*/
.#{$project-prefix}-fl {
    float:left;
}
.#{$project-prefix}-fr {
    float:right;
}
.#{$project-prefix}-clearfix {
    @include pp-clearfix;
}